<template>
  <div>
    <h1>App</h1>
    <button @click="count++">count++</button>
    <!-- 
      props的使用
        作用:主要是为了做父子之间的通信
        基础使用:
          给子组件标签上 通过属性的方式 传递一些值
          在子组件内部需要通过props配置项 接受父组件传递过来的值
          我们在子组件中就可以通过实例访问到props的数据
     -->
    <Header a="1" :count="count"></Header>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";

export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  data() {
    return {
      count: 0,
    };
  },
};
</script>

<style>
</style>


